.b_history
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 60px 0px;
	justify-content: center;
	align-items: center;
	gap: 60px;
	overflow: clip;
	position: relative;

	.shared-style-heading
	{
		color: #FFF;
		font-family: Blinker;
		font-style: normal;
		font-size: 48px;
		font-weight: 400;
		line-height: 52px /* 108% */;
		text-align: center;
		order: 0;
	}

	.shared-style-items
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
	}

	.shared-style-tracker-block
	{
		height: 20px;
		position: relative;
		flex: 0 0 20px;
		background-color: #818181;
		aspect-ratio: 1 / 1;
		order: 0;
	}

	.shared-set-arrow
	{
		display: flex;
		overflow: clip;
		object-fit: fill;

		&:hover .arrow-6
		{
			display: none;
		}

		&:hover .arrow-6
		{
			display: none;
		}
	}

	.items > .swiper
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.content
	{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 60px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		overflow: clip;
		order: 0;
	}

	.image
	{
		display: flex;
		flex-direction: column;
		height: 440px;
		justify-content: center;
		align-items: center;
		gap: 15.384615898132324px;
		position: relative;
		flex: 0 0 770px;
		overflow: clip;
		background-color: #616161;
		aspect-ratio: 7 / 4;
		order: 0;
	}

	.image-2
	{
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		flex-shrink: 0;
		object-fit: cover;
		aspect-ratio: 7 / 4;
		order: 0;
	}

	.text
	{
		order: 2;
	}

	.text > .swiper
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.content-2
	{
		display: flex;
		padding: 0px 258px;
		justify-content: center;
		align-items: center;
		gap: 60px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 0;
	}

	.year
	{
		display: contents;
	}

	.year h3
	{
		color: #DFDFDF;
		font-size: 80px;
		font-weight: 600;
		line-height: 64px /* 80% */;
	}

	.divider
	{
		width: 2px;
		height: 122px;
		background-color: #818181;
		order: 1;
	}

	.frame-348
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 1 1 0%;
		min-width: 0;
		order: 2;
	}

	.all-things-metal-founded
	{
		display: contents;
	}

	.all-things-metal-founded h4
	{
		align-self: stretch;
		color: #FFF;
		font-family: Blinker;
		font-style: normal;
		font-size: 40px;
		font-weight: 400;
		line-height: 44px /* 110% */;
		order: 0;
		text-align: left;
	}

	.company-founded-by-greg-macliver
	{
		display: contents;
	}

	.company-founded-by-greg-macliver p
	{
		align-self: stretch;
		color: #DFDFDF;
		font-family: "Instrument Sans";
		font-style: normal;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px /* 156% */;
		letter-spacing: 0.02em;
		order: 1;
	}

	.controls
	{
		display: flex;
		flex-direction: column;
		padding: 0px 169px;
		align-items: center;
		gap: 10px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		order: 3;
	}

	button.slide-nav img.hover { display:none; }
	button.slide-nav:hover img.default { display:none; }
	button.slide-nav:hover img.hover { display: flex; }

	.tracker
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		order: 0;
	}
	.tracker .swiper-pagination-bullet
	{
		height: 20px;
        position: relative;
        flex: 0 0 20px;
        background-color: #818181;
        aspect-ratio: 1 / 1;
		border-radius:0;
		opacity: 1;
	}
	.tracker .swiper-pagination-bullet-active
	{
		background-color: #DF1F36;
	}

	.left
	{
		display: flex;
		height: 50px;
		padding: 0px -50px 0px 50px;
		justify-content: center;
		align-items: center;
		position: relative;
		flex: 0 0 50px;
		order: 0;
	}

	.left-2
	{
		position: relative;
		left: 0px;
		top: 0px;
		transform: scaleX(-1);
		width: 50px;
		flex-shrink: 0;
		order: 0;
	}

	.progress
	{
		display: flex;
		align-items: center;
		gap: 40px;
		position: relative;
		order: 1;
		padding: 10px 220px 0;
	}

	.tracker-block
	{
		background-color: #DF1F36;
	}

	.tracker-block-2
	{
		order: 1;
	}

	.tracker-block-3
	{
		order: 2;
	}

	.tracker-block-4
	{
		order: 3;
	}

	.tracker-block-5
	{
		order: 4;
	}

	.tracker-block-6
	{
		order: 5;
	}

	.tracker-block-7
	{
		order: 6;
	}

	.tracker-block-8
	{
		order: 7;
	}

	.tracker-block-9
	{
		order: 8;
	}

	.tracker-block-10
	{
		order: 9;
	}

	.right
	{
		display: flex;
		height: 50px;
		justify-content: center;
		align-items: center;
		position: relative;
		flex: 0 0 50px;
		order: 2;
	}

	.right-2
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 50px;
		flex-shrink: 0;
		order: 0;
	}

	@media (max-width: 1440px)
	{
		padding: 60px 19px;
		.shared-style-heading
		{
			font-size: 36px;
			line-height: 40px;
		}
		.content-2
		{
			flex-direction:column;
			padding: 0;
		}
		.year h3
		{
			font-size: 80px;
			line-height: 64px;
		}
		.divider
		{
			width: 100%;
			height: 2px;
		}
		.shared-style-heading h4
		{
			font-size: 32px;
			line-height: 36px;
		}
		.tracker
		{
			gap: 60px;
		}
		.swiper-pagination { display: none; }
		.content .image
		{
			height: auto;
			width: 100%;
			flex:auto;
		}
	}

}



.b_history
{
	.items > .swiper .swiper-slide
	{
		transition:600ms;
	}

	.items > .swiper .swiper-slide:not(.swiper-slide-active)
	{
  		opacity: 0.5;
		transform:scale(0.75);
	}
}